<template>
	<view class="">
		<view class="logo-info">
			<image :src="vipConfig.logo" mode="aspectFill"></image>
			<view class="logo-name">
				Chat智能助手
			</view>
		</view>
		
		<view class="btn-box">
			<!-- #ifdef MP-WEIXIN -->
			<view class="btn1" @tap="goLogin1">
				微信登录
			</view>
			<!-- #endif -->
			<view class="btn2" @tap="goLogin">
				账号登录
			</view>
		</view>
		
		<modal ref="modal"></modal>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				vipConfig:{}
			}
		},
		onLoad() {
			setTimeout(()=>{
				this.init()
			},500)
		},
		methods:{
			goLogin1(){
				this.$refs['modal'].modalName = 'Modal'
			},
			goLogin(){
				uni.navigateTo({
					url:"/pages/my/login/login"
				})
			},
			init(){
				this.vipConfig = uni.getStorageSync('vipConfig') || {}
			}
		}
	}
</script>
<style lang="scss">
	.btn-box{
		margin: 0 30rpx;
		view{
			width: 100%;
			height: 80rpx;
			border-radius: 50rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.btn1{
			margin-bottom: 40rpx;
			color: #fff;
			background: #0dc414;
		}
		.btn2{
			color: #000;
			border: 1rpx solid #ccc;
		}
	}
	.logo-info{
		margin-top: 150rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		image{
			width: 200rpx;
			height: 200rpx;
		}
		.logo-name{
			margin-bottom: 80rpx;
			margin-top: 30rpx;
			font-size: 40rpx;
			font-weight: bold;
		}
	}
</style>
<style>
	page{
		background: #fff;
	}
</style>